<?xml version="1.0" encoding="UTF-8"?>

<ui:composition template="./templates/templateLogeo.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets">
    
    <ui:define name="libreria">
        <h:outputStylesheet library="css" name="styleLogeo.css" />
    </ui:define>
    
    <ui:define name="windowTitle">SAMUPG::Logueo</ui:define>
    
    <ui:define name="content">         
        <p:growl />
        <h:form style="margin-left:20px;">
            <h:panelGrid style="font-size:16px; margin-bottom:8px; margin-top:5px;">
                <h:outputText value="Iniciar Sesión"/>
            </h:panelGrid>

            <h:panelGrid rowClasses="oddRowLogin,evenRowLogin">
                <h:outputText value="Usuario"/>
                <p:inputText id="txtUsuario" value="#{usuarioController.nickUsuario}" label="Usuario"
                             required="true" size="40" maxlength="40"
                             requiredMessage="Ingrese un Nick (nombre de usuario)" style="background: white; color: black;"/>

                <h:outputText value="Contraseña"/>
                <p:password id="passContrasenia" label="Contraseña" value="#{usuarioController.passUsuario}" 
                            required="true" size="40" requiredMessage="Ingrese Password" style="background: white; color: black;"/>
            </h:panelGrid>

            <h:panelGrid>
                <p:commandButton value="Iniciar Sesión" ajax="false" action="#{usuarioController.loginAction}"
                                 style="margin-bottom: 10px; font-size: 1em;" image="ui-icon ui-icon-disk"/>
                <h:link value="¿Aún no te has registrado? Regístrate ahora" outcome="registroSistema.jsf"
                        style="margin-bottom: 5px; display:inline-block;"/>
                <h:link value="Ir a la página principal" outcome="index.jsf"
                        style="margin-bottom: 5px; display:inline-block;"/>
            </h:panelGrid>	
        </h:form>
    </ui:define>
</ui:composition>